.headers
{
    width:100%;
    height: 15%;
    float:left;
    text-align: center;
}
.index
{
    margin-left: 20%;
    min-width: 75px;
    width:20%;
    height: 100%;
    float:left;
    text-align: center;
}
.link
{
    width:60%;
    height: 100%;
    float: left;
    text-align: center;
}
.link_box
{
    width:15%;
    height: 100%;
    min-width: 40px;
    float:left;
    text-align: center;
}
.link_box_a
{
    font-size:22px;
    color: white;
    text-align: center;
}
#link_box_1
{
    min-width: 50px;
}
@media only screen and (max-width: 1000px){ 
    .headers
    {
        font-size:10px;
        float:left;
        text-align: center;
    }
    .index
    {
        margin-left: 5%;
        width:15%;
        float:left;
        text-align: center;
    }
    .link
    {
        width:80%;
        float:left;
        text-align: center;
    }
    .link_box_a
    {
        font-size:18px;
        text-align: center;
    }
}
@media only screen and (max-width: 500px){ 
    #index_a
    {
        font-size: 15px;
        text-align: center;
    }
    .headers
    {
        font-size:10px;
        text-align: center;
    }
    .index
    {
        margin-left: 0%;
        width:2%;
        float:left;
        text-align: center;
    }
    .link
    {
        width:75%;
        float:left;
        text-align: center;
    }
    .link_box_a
    {
        font-size:10px;
        text-align: center;
    }
}